<template>
  <div class="contain">
    <LeftBar />
    <div class="rights">
      <div class="imgBox">
        <img
          src="../../assets/img/person0.png"
          alt=""
        >
      </div>
      <div class="rightBoxs">
        <router-view />
      </div>
    </div>
  </div>
</template>
<script>
// @ is an alias to /src

import LeftBar from '../../components/person/left_bar.vue';

export default {
	components: {
		LeftBar,
	},
	data(){
		return{
			
		}
	},
	methods:{

	}
};
</script>

<style lang="scss">
.contain {
	padding: 7.75rem 0 0;
	width: 87.55rem;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	background-color: #eaeaea;
	justify-content: space-between;
	.rights{
		.imgBox{
			text-align: right;
			margin-bottom: 1.62rem;
		}
		>img{
			object-fit: contain;
		}
	}
	.rightBoxs {
		width: 65.21rem;
		
	}
	.cainixihuan {
		width: 10rem;
		font-weight: bold;
		margin: 1.25rem auto;
		font-size: 1.13rem;
		color: #000;
		text-align: center;
		position: relative;
		&::after {
			content: '';
			position: absolute;
			right: 0;
			top: 50%;
			width: 1.81rem;
			height: 0.13rem;
			background: #000000;
		}
		&::before {
			content: '';
			position: absolute;
			left: 0;
			top: 50%;
			width: 1.81rem;
			height: 0.13rem;
			background: #000000;
		}
	}
}
</style>
